<style type="text/css">
.select{
    border: 1px solid #e5e5e5;
    width: 20px;
    padding:4px 0 5px;
}
.select-box{
    width: 18%;
    display: inline-block;
}
.select-box .select{
    width: 55%;
} 
.time-box{
    width: 33%;
    display: inline-block;
    margin-right: 37%;
}
.time-box input{
    width: 47%;
}
.time-box>input,.time-box>span{
    display: inline;
}
.select-box2{
    width: 33%;
    display: inline-block;
    margin-right: 37%;
}
#btn_div{
    display: inline-block;
    width:8%;
    text-align: right;
}
.table-ifame{
    padding-left: 3%;
}  
#btn_query {
    width: 100%;
    margin-top: 0;
}

</style>
<div class="left charDataChange">
    <div class="title">
        充电数据
        <div>
            <a ng-class="{ta_selected:selectedTag=='count'}" 
            ng-click="changeTag('count');">充电次数</a>
            <a ng-class="{ta_selected:selectedTag=='quantity'}"
            ng-click="changeTag('quantity');">充电电量</a>
            <a ng-class="{ta_selected:selectedTag=='amount'}"
            ng-click="changeTag('amount');">充电总费用</a>
        </div>
    </div>
    <div class="cb"></div>
    <div style="margin: 10px 0 20px">
        <div class="table-ifame">
            <div class="select-box">
                <select ng-model="searchType" class="select">
                    <option value="1">按时间段选择</option>
                    <option value="2">按年份选择</option>
                </select>
            </div>
            <div ng-show="searchType==1" class="time-box" >
                <input class="form-control getTime"  type="text" ng-readonly="true"
                    ng-model="startDate" ng-change="dateIsChange=false"/>
                <span>~</span>
                <input class="form-control getTime"  type="text" ng-readonly="true"
                    ng-model="endDate" ng-change="dateIsChange=false"/>
            </div>
            <div ng-show="searchType==2" class="select-box2">
                <select ng-model="selectedYear" style="width: 30%;height: 32px">
                    <option value="2015">2015</option>
                    <option value="2016">2016</option>
                    <option value="2017">2017</option>
                    <option value="2018">2018</option>
                    <option value="2019">2019</option>
                    <option value="2020">2020</option>
                    <option value="2021">2021</option>
                    <option value="2022">2022</option>
                    <option value="2023">2023</option>
                    <option value="2024">2024</option>
                    <option value="2025">2025</option>
                    <option value="2026">2026</option>
                    <option value="2027">2027</option>
                    <option value="2028">2028</option>
                    <option value="2029">2029</option>
                    <option value="2030">2030</option>
                    <option value="2031">2031</option>
                    <option value="2032">2032</option>
                    <option value="2033">2033</option>
                    <option value="2034">2034</option>
                    <option value="2035">2035</option>
                    <option value="2036">2036</option>
                    <option value="2037">2037</option>
                    <option value="2038">2038</option>
                    <option value="2039">2039</option>
                    <option value="2040">2040</option>
                </select>
            </div>
            <div id="btn_div">
                <button type="button" id="btn_query" class="btn btn-primary" ng-click="changeTag();">查询</button>
            </div>
        </div>
        

    </div>
    <div id="chargeSummary"  style="min-width:450px;height:300px;"></div>
    </div>  
    <script>
$('.getTime').datetimepicker({
    language: 'zh-CN',
    pickTime: false,
    todayBtn: true,
    autoclose: true,
    minView: '2',
    forceParse: false,
    format: "yyyy-mm-dd"
});</script>